<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>博文列表</title>
    <link rel="stylesheet" href="__STATIC__index/css/blog-list.css">
    <link rel="stylesheet" href="__STATIC__layui/css/layui.css">
    <script src="__STATIC__index/js/jquery-1.12.4.js"></script>
    <script src="__STATIC__layui/layui.js"></script>
</head>
<body>
<!--顶部导航starting-->
<div class="header">
    <div class="header2">
        <i class="c1">沐歌丨丶</i>
        <i class="c2">的专属博客~</i>
    </div>
</div>
<!--顶部导航ending-->
<!-- nav starting -->
<!--二级导航栏 starting-->
<div class="nav">
    <div class="nav-content">
        <div class="nav-middle">
            <ul class="nav-list">
                {foreach $cate as $k=>$v}
                {if ($v.html=='')}
                <li><a href="bloglist?tid={$v.tid}">{$v.typename}</a>
                    {literal}
                    <ul>{/literal}
                        {foreach $cate as $index=>$value}
                        {if($value.sid==$v.tid)}
                        <li><a href="bloglist?tid={$value.tid}">{$value.typename}</a></li>
                        {/if}
                        {/foreach}
                        {literal}
                    </ul>
                    {/literal}
                </li>
                {/if}
                {/foreach}
            </ul>
        </div>
        <!--二级导航栏 ending-->
        <div class="search">
            <form action="">
                <input type="search" id="key" placeholder="请输入...">
                <span id="search">搜索</span>
            </form>
        </div>
    </div>
</div>
<div class="nav-bottom">
    <div class="left">
        <img src="__INDEX_IMG_COMMON__喇叭.png" alt="喇叭">
        <span>欢迎来访~</span>
    </div>
    <div class="right">
        {if(!$Think.session.user)}
        <ul class="no-login">
            <li><img src="__INDEX_IMG_COMMON__未登录头象.png" alt="登录"><a href="login">登录</a></li>
            <li><img src="__INDEX_IMG_COMMON__register.png" alt="注册"><a href="register">注册</a></li>
            <input type="hidden" value="0" class="uid">
        </ul>
        {else /}
        <ul class="logined">
            <li><img src="{$Think.session.user['pic']}">{$Think.session.user['uname']}</li>
            <li><img src="__INDEX_IMG_COMMON__主页.png" alt="主页"><a href="personalCenter">个人中心</a></li>
            <li><img src="__INDEX_IMG_COMMON__注销.png" alt="注销"><a href="userLoginOut">注销</a></li>
            <input type="hidden" value="{$Think.session.user['uid']}" class="uid">
        </ul>
        {/if}
    </div>
</div>
<!-- nav ending -->
<!--轮播图starting-->
<div class="carousel layui-carousel" id="carousel">
    <div carousel-item>
        <div><img src="__INDEX_IMG_LB__s.jpg"></div>
        <div><img src="__INDEX_IMG_LB__cr.jpg"></div>
        <div><img src="__INDEX_IMG_LB__dream.jpg"></div>
        <div><img src="__INDEX_IMG_LB__1.jpg"></div>
        <div><img src="__INDEX_IMG_LB__der.jpg"></div>
    </div>
</div>
<!--轮播图ending-->
<div class="main">
    <!-- 博文列表starting   -->
    <div class="article"></div>
    <!-- 博文列表ending   -->
    <div class="aside">
        <!--   qq webchat starting-->
        <div class="contact">
            <ul>
                <li><a href="javascript:0" onclick="qq()"><img src="__INDEX_IMG_COMMON__QQ.png"></a></li>
                <li><a href="javascript:0" onclick="webchat()"><img src="__INDEX_IMG_COMMON__webchat.png"></a></li>
                <li><a href="javascript:0" onclick="weibo()"><img src="__INDEX_IMG_COMMON__weibo.png"></a></li>
                <li><a href="javascript:0" onclick="email()"><img src="__INDEX_IMG_COMMON__email.png"></a></li>
            </ul>
        </div>
        <!--   qq webchat ending-->
        <!--        轮播图starting-->
        <div class="slide">
            <img src="__INDEX_IMG_LB__1.jpg"/>
            <img src="__INDEX_IMG_LB__2.jpg"/>
            <img src="__INDEX_IMG_LB__3.jpg"/>
            <img src="__INDEX_IMG_LB__4.jpg"/>
            <img src="__INDEX_IMG_LB__5.jpg"/>
            <script>
                var size = $('.slide img').size();
                var _index = size;
                var timer = null;
                $('.slide').append($('.slide img:eq(0)').clone());
                timer = setInterval(function () {
                    $('.slide img').eq(_index).fadeOut(800);
                    _index == 1 ? _index = size : _index--;
                    $('.slide img').eq(_index).fadeIn(800);
                }, 4000);
            </script>
        </div>
        <!--        轮播图ending-->
        <!--   starting     -->
        <div class="hotArticle list-info">
            <div class="article-info list-column">
                <h4>Top10</h4>
                <ul class="article-list ul-list">
                    {foreach $hotBlog as $item}
                    <li><i>{++$i}</i><a href="show?bid={$item.bid}">{$item.title}</a></li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--   热文ending     -->
        <!--   博文归档starting     -->
        <div class="category list-info">
            <div class="category-info list-column">
                <h4>文章归类</h4>
                <ul class="category-list ul-list">
                    {foreach $getYearMonth as $item}
                    <li><i>{++$h}</i><a href="bloglist?year={$item.byear}&month={$item.bmonth}">{$item.yearmonth}</a>
                        <font style="color: red;font-size: 14px">( {$item.bcount} )</font></li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--   博文归档ending     -->
        <!--   友情链接starting    -->
        <div class="link list-info">
            <div class="link-info list-column">
                <h4>友情链接</h4>
                <ul class="link-list ul-list">
                    {foreach $link as $item}
                    <li><i>{++$j}</i><a href="{$item.url}">{$item.lname}</a></li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--   友情链接ending     -->
    </div>
</div>
<div class="footer">
    <div class="footer-top"></div>
    <div class="footer-buttom">
        <div class="copy">
            <p>
                <a href="#">沐歌丨丶</a>
                <span></span>
                <a href="#">版权所有</a><span>|</span>
                <a href="#">赵云</a><span>|</span>
                <a href="#">花花</a><span>|</span>
                <a href="#">韩信</a><span>|</span>
                <a href="#">猴哥</a><span>|</span>
                <a href="#">八戒</a><span>|</span>
                <a href="#">香香</a><span>|</span>
                <a href="#">安琪拉</a><span>|</span>
                <a href="#">妲己</a><span>|</span>
                <a href="#">婉儿</a>
            </p>
            <p><span>Copyright
            @</span><a href="https://user.qzone.qq.com/1161105403/main">https://user.qzone.qq.com/1161105403/main</a>
            </p>
        </div>
    </div>
</div>
<input type="hidden" id="tid" value="{$tid}">
<input type="hidden" id="year" value="{$year}">
<input type="hidden" id="month" value="{$month}">
<script src="__STATIC__index/js/blog-list.js"></script>
<script src="__STATIC__index/js/contact.js"></script>

</body>
</html>